h2.page-header {
    margin:10px 0  25px 0;
    padding-bottom:15px;
}
.user-baseinfo {
    margin-bottom:25px;
}
.user-baseinfo table tr td {color:#999;}
@media (min-width: 767px) {
    .user-center .avatar-text,.user-center .avatar-img {
        height:150px;width:150px;border-radius: 150px;line-height:150px;font-size:70px;
    }
    .user-center .avatar-img  {font-size:0;}
    .user-center .avatar-img img {
        height:150px;width:150px;border-radius:150px;
    }
}

body{  
    height: 100%;
}
main.content{
	bottom: 0;
}
.login-section .n-bootstrap .n-right .msg-wrap{
	position: absolute;
	left: 0;
	top: -20px;
}

.login-section .n-bootstrap .n-right .msg-wrap .n-icon{
	display: none;
}
	
#loginbg{
	background-image: url("../img/loginbg.png");
    background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -10;
}

.controls{
	margin-bottom: 30px;
}

#loginbg .bg1,#loginbg .bg2,#loginbg .bg3{
	display: inline-block;
	position: absolute;
	right: 0;
}
#loginbg .bg1{
	width: 55%;
}
#loginbg .bg2{
	height: 100%;
	width: 60%;
}
#loginbg .bg3{
	width: 30%;
	bottom: 0;
	right: 32%;
	z-index: -10;
}
.login-section{
	width: 450px;
	left: 65%;
	top: 20%;
    position: absolute;
    border: 0;
}
.login-section .logon-tab .active{
	color: #334dc4;
	font-weight: 600;
	width: 100%;
	font-size: 20px;
	padding-bottom: 0;
}
.login-section .input-lg,.login-section .btn-lg{
	border-radius: 50px;
	height: 50px;
}
.login-section .input-lg{
	border: 2px darkgray solid;
	text-indent: 10px;
}
.login-section .btn-lg{
	border: 0;
	font-size: 20px;
	background-color: #334dc4;
	color: white;
}
.login-section .captcha{
	border-radius: 50px !important;
	border: 2px darkgray solid;
}
.other{
	margin-top: 40px;
	height: auto;
	background-color: red;
}
.other .logon-tab a{
	background-color: white;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	color: darkgray;
}
.other .logon-tab a>img{
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

#toregister{
	margin-top: 150px;
	display: block;
	text-align: center;
	
}
#toregister a{
	text-decoration: underline;
}
.tologin{
	text-align: center;
	text-decoration: underline;
}

/*修改密码框*/
.layui-layer{
	border-radius: 10px;
}
.layui-layer .input-group{
	max-height: 35px;
}
.layui-layer .btn-captcha{
	float: left;
}

.form-body .col-sm-8,.form-body .col-sm-12{
	width: 80%;
	height: 35px;
	margin-left: 10%;
}
.layui-layer .input-group-btn{
	height: 35px;
	position: relative;
}
.radio label{
	width: 50%;
	float: left;
	text-align: center;
}
.layui-layer .form-footer{
	text-align: center;
}
.layui-layer .n-default .msg-wrap{
	top: -20px;
	right: 0;
	position: absolute;
}
.layui-layer .form-control{
	border-radius: 20px;
	border: 1px darkgray solid;
	width: 100%;
}
.layui-layer .foot .submit{
	width: 75%;
	margin-left: 12.5%;
	position: absolute;
	bottom: 20px;
	border-radius: 20px;
	background-color: #334dc4;
}
.layui-layer-title{
	width: 100%;
	background-color: white;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
	border: 0;
}
#resetpwdtpl{
	border-radius: 50px;
}
.layui-layer .captchainput{
	width: 100%;
	height: 35px;
}
.layui-layer .captchainput input{
	width: calc(100% - 86px);
	float: left;
}
.form-layer .form-body{
	bottom: 0;
}
